<!DOCTYPE html5>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
    <style>
        .music1_img1{
            height: 100%;
            width: 100%;
        }
        .imag1_inside{
            width: 100%;
            height: 50%;
            position: absolute;
            text-align: center;
            top: 45%;
        }
        .imag1_inside_1{
            font-family:宋体;
            font-size: 350%;
            color: #fff;
        }
        .foot1{
            height:700px;
        }
        .imag1_inside_2{
            position: relative;
            top: 5%;
            font-family: 宋体;
            color: #fff;
            font-size: 180%;
        }
        .imag1_inside_3{
            position: relative;
            top: 15%;
            left: 45%;
            font-size: 170%;
            font-family: 宋体;
            background-color: #36bee0;
            border-radius:5%;
            width: 9%;
            height: 12%;
        }

        .imag1_inside_3 a{
            color: #fff;
            position: relative;
            top: 12%;
        }
        
    </style>

</head>
<body>


<!-- 头部 -->
<div class="head">
    <div class="head_top">
      <h1 ><a href="#"><img src="picture/thumbnail_large.webp" alt="" class="logo"></a></h1>
      
      <div class="head_search">

  <form action="">
        <input type="text" class="sear_input" placeholder="搜索音乐、MV、歌单、用户">
        
        <button  type="button"   class="button1">
        <img src="picture\R-C.png" alt="">
        </button>
      
  </form>


      </div>
      
<div>
      <ul class="top_list">
        <li ><a href="music.html">音乐馆</a></li>
        <li class="first-0"><a href="music1.html">我的音乐</a></li>
        <li><a href="HTML项目 wty\vip.html">VIP</a></li>
      </ul>

        <div class="boundary">
        </div>

      <div class="head_right">
        <a href="HTML项目slh\log.html" class="land">登录</a>
      </div>

</div>




</div>
</div>
<!-- 头部 -->

<!-- 我的音乐 -->
<div class="foot1">

    <img src="picture\bg_profile_unlogin.png" alt="" class="music1_img1">

    <div class="imag1_inside">
        <div class="imag1_inside_1">
            私人音乐空间,听我想听的歌
        </div>

        <div class="imag1_inside_2">
        登录管理我的音乐
        </div>

        <div class="imag1_inside_3">
        <a href="HTML项目slh\log.html" >
        立即登录
        </a>
        </div>

    </div>

</div>
<!-- 我的音乐 -->







  <!--底部-->
  <div class="foot">
    <div class="copyright">
      <p>
        <a href="#">AboutUS</a> |
        <a href="#">服务条款</a> |
        <a href="#">用户服务协议</a> |
        <a href="#">隐私政策</a> |
        <a href="#">权利声明</a> |
        <a href="#">客服中心</a> |
        <a href="#">网站导航</a>
      </p>
    </div>
  </div>
  <!-- 底部 -->